<!doctype html>
<html>
<head>
<meta charset="utf-8">
<link rel="stylesheet" href="css/base.css" />
<link rel="stylesheet" href="css/info-mgt.css" />
<link rel="stylesheet" href="css/WdatePicker.css" />
<title>天宫智能办公系统</title>
</head>

<body>
<div class="title"><h2>人事合同</h2></div>
<div class="query">
	<div class="query-conditions ue-clear">
        <div class="conditions operate-time ue-clear">
            <label>姓&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;名：</label>
            <input type="text" class="h-input-1"/>
        </div>
         <div class="conditions name ue-clear">
            <label>手&nbsp;&nbsp;机&nbsp;&nbsp;号：</label>
             <input type="text" class="h-input-1"/>
        </div>
         <div class="conditions time ue-clear" style="width:300px">
            <label>时&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;间：</label>
            <div class="time-select">
            	<input type="text" onfocus="WdatePicker({dateFmt:'yyyy-MM-dd'})" placeholder="开始时间" />
                <i class="icon"></i>
            </div>
            <span class="line">-</span>
            <div class="time-select">
            	<input type="text" onfocus="WdatePicker({dateFmt:'yyyy-MM-dd'})" placeholder="开始时间" />
                <i class="icon"></i>
            </div>
        </div>
    </div>
    <div class="query-btn ue-clear">
    	<a href="javascript:;" class="confirm">查询</a>
        <a href="javascript:;" class="clear">清空条件</a> 
    </div>
</div>
<div class="table-operate ue-clear">
	<a href="javascript:;" class="add">添加</a>
    <a href="javascript:;" class="del">删除</a>
    <a href="javascript:;" class="edit">导入</a>
    <a href="javascript:;" class="count">导出</a>
   
</div>
<div class="table-box2">
	<table>
    	<thead>
        	<tr>
                <th><input type="checkbox"/></th>
            	<th>流水号</th>
                <th>姓名</th>
                <th>合同状态</th>
                <th>合同编号</th>
                <th>合同类别</th>
                <th>签约日期</th>
                <th>满约日期</th>
                <th>操作</th>
            </tr>
        </thead>
        <tbody>
        	<tr>
                <td><input type="checkbox"/></td>
            	<td>1</td>
                <td>林丹丹</td>
                <td>执行完毕</td>
                <td>0255144</td>
                <td>保密合同</td>
                <td>2006.05.01</td>
                <td>2014.02.22</td>
               <td><a href="javascript:;"><span class="h-look"></span>查看</a><a href="javascript:;"><span class="h-change"></span>修改</a><a href="javascript:;"><span class="h-delete"></span>删除</a></td>
            </tr>
            
            
        </tbody>
    </table>
</div>
<div class="pagination ue-clear"></div>
</body>
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/common.js"></script>
<script type="text/javascript" src="js/WdatePicker.js"></script>
<script type="text/javascript" src="js/jquery.pagination.js"></script>
<script type="text/javascript" src="js/color.js"></script>
<script type="text/javascript">
$(".select-title").on("click",function(){
	$(".select-list").hide();
	$(this).siblings($(".select-list")).show();
	return false;
})
$(".select-list").on("click","li",function(){
	var txt = $(this).text();
	$(this).parent($(".select-list")).siblings($(".select-title")).find("span").text(txt);
})

$('.pagination').pagination(100,{
	callback: function(page){
		alert(page);	
	},
	display_msg: true,
	setPageNo: true
});

showRemind('input[type=text], textarea','placeholder');
</script>
</html>
